<template>
  <button @click="$router.push('/control')">跳转到后台首页</button>
  <p>
    <el-button @click="age++">得票 {{ age }}</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </p>
  <p>
    <el-icon :size="100" color="green">
      <Camera />
    </el-icon>
  </p>


  <icon-benz :size="60" color="red"></icon-benz>
  <icon-bmw :size="100"></icon-bmw>


  <ul>
    <li v-for="item in students" key="item.id">{{ item.name }}</li>
  </ul>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
const age = ref(24);

import http from '@/utils/http';
const students = ref<any[]>([]);
http.get('/students?offset=1&limit=20').then(res => {
  students.value = res.data.res.list;
})

</script>
